*{margin: 0px;padding: 0px;}
body{overflow: auto;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif ;
    font-size: 12px;}
.fl{float: left;}
.fr{float: right;}
.clearbox::after{content: "";display: block;clear: both;}
.none{display: none !important ;}
.block{display: block}
.inline{display: inline}
a{text-decoration: none;color: #000;}
ul{list-style: none;}
img{vertical-align: middle;border: 0px;}
.overbox{overflow: hidden;}
/* .wrap{width: 1200px;margin: 0px auto;  height: 84vh;overflow-y: auto;} */

/*加小手*/
a,h4,#but1,.btn1,.font h4 {cursor:pointer;}
 #gjcgdd button {cursor:pointer;}
 #gjgydd button {cursor:pointer;}
 /*头部样式*/
 .header{width: 100%;margin: 0px auto;padding: 10px;}
 .header .logo{width: 400px;height: 60px;}
 .header div svg{width: 20px;height: 20px;margin-right:6px;}
 .header div .link{font-size: 16px;}
 .header div .tel{overflow: hidden;margin-left:10px; float: left;} 
 .header div .tel div{float: left;}
 .header div .tel div svg{width: 30px;height: 30px;margin-top: 10px;}
 .header div .tel div p{font-size: 16px;}
 .header div .tel div h3{font-size: 24px;color: #666;}
 .header .el-row .el-col{overflow: hidden;}
 .header .el-row .el-col .link{float: left; margin: 10px;}
 .header .left{margin-top: 20px; float:right;}
 .header div .link a:hover{color: skyblue;}
 .el-menu-demo .el-menu-item:hover { background-color: white !important; color: black !important;font-size: 18px;}
 .header div .link a:hover svg path{fill: skyblue;}
.nav_logo{ float: left; margin-left: 10px; position: relative; z-index: 100;}
.nav_logo .logo{ width: 150px;height: 100px;}
.el-menu-item{ padding: 0 40px !important;}


.footer{width: 100%;margin: 0px auto;padding: 10px; background-color: skyblue; color: #fff;}
.footer .footer_box{width: 90%;margin: 0px auto !important;}
.footer_left{ text-align: center; padding: 20px 0px; border-right: 1px solid #fff;}
.footer_left img{ width: 137px; height: 137px;}
.footer_left p{ margin-top: 10px;}
.footer_right{ padding: 20px 0px; margin-left: 10px;}
.footer_right h4{ margin-bottom: 20px; font-size: 18px;}
.footer_right p{ line-height: 30px;}

/*标题*/
.title{font-size:30px;color:#666;padding:5px;}
.title span{font-size:20px;color:#ccc;margin-left: 10px;}
/*提供服务*/
.tgfw{width:90%;padding:10px;box-shadow:1px 1px 10px #ccc; margin:10px auto;}
.tgfw .el-row .el-col>div{overflow: hidden;height: 30vh;position: relative;transform:scale(0.9);}
.tgfw .el-row .el-col>div img{width:100%;height:100%;}
.tgfw .el-row .el-col>div .box-font{position: absolute;width: 100%;height: 100%;top:0px;left:0px;right:0px;bottom:0px;
    background-color: rgba(0,0,0,0.3);color:#fff;text-align:center;transition:all 0.5s ease;}
.tgfw .el-row .el-col>div .box-font h3{font-size:20px;padding: 20px;}
.tgfw .el-row .el-col>div .box-font p{font-size:14px;padding: 10px 0px 20px;overflow: hidden;white-space: nowrap;
    text-overflow:ellipsis;width: 90%;margin: 0px auto;}
.tgfw .el-row .el-col>div .box-font:hover{background-color:rgba(θ,0,0,8);width:100%;height: 0px;}
/* tab页切换 */
.hzgs{width:90%;padding:30px 10px;margin:10px auto;}
.hzgs-title{overflow:hidden;}
.hzgs-title h2{float:left;}
.hzgs-title ul{float:right;overflow:hidden;}
.hzgs-title ul li{float: left;width:200px;height:35px;border:1px solid #ccc;font-size:14px;text-align:center;line-height:35px;}
.hzgs-title ul .active{background-color:skyblue;color: white;}
.hzgs-item{background-color:rgb(248,247,245);padding:20px;}
.hzgs-item .el-row .el-col>div{transform:scale(0.9);padding: 10px;}
.hzgs-item .el-row .el-col>div img{width:100%;height: auto;}
.hzgs-item .el-row{display:none;}
.hzgs-item .item{display:flex;}

/*页面名称部分*/
.nav-title img{width:100%;height:auto;}
.nav-title {position:relative;text-align:center;width: 80%;margin:0px auto;}
.nav-title h1{position:absolute;bottom:0px;left: 0px;width: 100%;
    text-align: center;font-size: 50px;background-color:rgba(0,0,0,0.5);
    color:white;padding:15px 0px;}
@media all and (max-width:768px) {
    .nav-title {width:100%;}
    .nav-title h1{font-size:40px;}
}   
/*采购和供应*/
.supply {width:80%;margin:0px auto;}
.supply>.el-row>.el-col .title{border-bottom: 2px solid#333;padding-bottom: 15px;}
.supply>.el-row>.el-col{padding: 20px 10px;margin: 15px 0px;border:1px solid#ccc;}
.supply>.el-row>.el-col .shop-news{padding:10px;margin: 15px 0px;box-shadow:0px 0px 5px #ccc;}
.supply>.el-row>.el-col .shop-news .el-col img{width:100%;height:auto;}
.supply>.el-row>.el-col .shop-news .el-col:nth-child(2){padding:0px 10px;}
.supply>.el-row>.el-col .shop-news .el-col h2 a{color:#034ed8;}
.supply>.el-row>.el-col .shop-news .el-col h2 a:hover{text-decoration:underline;}
.supply>.el-row>.el-col .shop-news .el-col h3{padding:5px 0px 0px;}
.supply>.el-row>.el-col .shop-news .el-col p{color:#666;padding:10px 0px;font-size: 14px;}
.supply>.el-row>.el-col .shop-news .el-col .sate{background-color:orangered;color:white;padding:10px;width:120px;text-align:center;}
.supply>.el-row>.el-col .shop-news .el-col svg{width:18px;height:18px;}
.supply>.el-row>.el-col .shop-news .el-col .type{font-size:18px;margin-left:20px;}
.supply>.el-row>.el-col .shop-news .el-col .clearbox .fr{margin-top: 10px;}
.supply > .el-row > .el-col .shop-news .el-col .clearbox {
  display: flex;
  align-items: center;
  gap: 20px; /* 可选：设置元素之间的间距 */
}
.sort h2{font-size:40px;}
.sort ul{padding:10px;border:1px solid #ccc;margin:10px 0px;}
.sort ul li{border-bottom:1px dashed #ccc;text-align: center;}
.sort ul li a{color:#666;display:block;padding: 10px 0px;font-size: 16px;}
.sort ul li a:hover{background-color:skyblue;font-size: 25px;color:white;}
/*采购和供应详情*/
.details{padding:10px 0px;}
.details .supply{box-shadow:1px 1px 5px#ccc;padding:10px;}
.details .supply-title{text-align: center;border-bottom: 2px solid#333;padding-bottom: 20px;}
.details .supply-title h2{margin:15px 0px;}
.details .supply-title p span{padding:20px;font-size: 14px;}
.supply-tab {overflow: hidden;padding: 20px 0px;width: 90%;margin: 0px auto;}
.supply-tab .tab-left{float:left;width:68%;}
.supply-tab .tab-right{float:right;width:30%;margin-left:15px;}
.supply-tab .tab-left img{width:100%;height:auto;}
.supply-tab .tab-right img{width: 200px;height: 100px;margin:5px 0px;}
@media all and(max-width:992px){
    .supply-tab .tab-left{float:none;width:100%;}
    .supply-tab .tab-right{float:none;width:100%;overflow:hidden;}
    .supply-tab .tab-right img{float:left;width:30%;height:auto;}
}
.supply-content .supply-count{padding:10px 0px;overflow: hidden;}
.supply-content .supply-count span{float: left;background-color:#ccc;margin-right: 15px;
    font-size: 14px;width: 160px;height:40px;text-align: center;line-height: 40px;}
.supply-content{width:90%;margin:0px auto;}
.supply-content .supply-count span img{width:20px;height: 20px;}
.supply-content .supply-count .type1:hover{background-color:orangered;color: white;}
.supply-content .supply-count .type2:hover{background-color:rgb(4,160,41);color:white;}
.supply-content .supply-count .qqbtn:hover{background-color:orangered;color:white;}
.supply-news{font-size:14px;line-height:25px;}
.supply-news img{width:45%;margin:auto;margin:10px;}
.supply-news .bigimg{display:block;width:100%;height:auto;margin:0px auto;}
.supply-content .vip img{width:50px;height:30px;}
.vip,.log {text-align:center;padding:10px 0px;}
.vip h1,.log·h1{padding:20px 0px;line-height: 35px;}